<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <title>Home - Edu N Era</title>
  <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0" /> 
  <link rel="stylesheet" media="all" href="style.css" type="text/css">
  <style type="text/css">
<!--
.style1 {color: #ff0000}
-->
  </style>
</head>

<body>
<!--

	Author Details

	==============



	Author: Dogan Akcay

	Author URL: DoganAkcay.com



	Attribution( is must on every page, where this work is used. should be visible to naked eye and Search engine bot[ means should not use noindex, nofollow relations ]):



	// a healty attribution looks like following

	<a href="http://DoganAkcay.com" target="_blank">Design by DoganAkcay.com </a>


 -->
  <div class="wrap">
    <header>
      <div class="logo"><a href="index.html"><img src="images/33nazrc.png" alt=" mobile website " width="189" height="44"/></a></div>
      <div class="options">
      	<ul>
      		<li>Search</li>
      		<li>Menu</li>
      	</ul>
      </div>
      <div class="clear"></div>
	    <div class="search-box">
	    	<form action="#">
	    		<input type="text" placeholder="search course" />
	    		<input type="submit" value="Go" />
	    	</form>
	    	<div class="clear"></div>
	    </div>
	    <nav class="vertical menu">
	    	<ul>
	            <li><a href="index.html">Home</a></li>
	           
	            <li><a href="login.html">Login</a></li>
	            <li><a href="registration.html">Registration</a></li>
        	</ul>
	    </nav>
    </header>
    
        
    <div class="content">
    	
        
        <article class="underline">
		<div class="post-preview">
			<a href="index.html"><img src="http://lorempixel.com/48/48/nightlife/3" alt="title of the image"/></a>		</div>
		<div class="post-content">
			<h2><a href="index.html">swe574-group2-spring2013</a></h2>
		  <p>I wish! It's a nickel. Good man. Nixon's pro-war and pro-family. Hey, what kinda party is this? There's no booze and only one course.</p>
			<div class="date"><span>10 apr 2013</span></div>
		</div>
        
        
		<div class="clear"></div>
    </article>
        <article class="underline">
		<div class="post-preview">
			<a href="basic_markup.html"><img src="http://lorempixel.com/48/48/nightlife/5" alt="title of the image"/></a><a href="index.html"></a>		</div>
		<div class="post-content">
			<h2><a href="index.html">swe574-group2-spring2013</a></h2>
		  <p>I wish! It's a nickel. Good man. Nixon's pro-war and pro-family. Hey, what kinda party is this? There's no booze a<span class="style1">nd only one course.</span></p>
			<div class="date style1">10 apr 2013</div>
		</div>
        
        
		<div class="clear"></div>
    </article>
    
    
    
    
    <article class="underline">
			<a href="basic_markup.html"><img src="images/574Meeting (3).png" alt="title of the image" width="281" height="209"/></a>
			<h2><a href="basic_markup.html">Edunera Meeting Report by Dogan</a></h2>
			<p>Summary The Meeting of Creative guys happened on 25th march. At this meeting we had many improvements about project, First of all the play Framework is discussed at the meeting. Then ÖZTÜRK GÖKAL explain us the template via projector, thus all of us get the answers of our questions.  Previously on this project We mentioned the purpose of the meeting is to develop a web application and a mobile evaluation application . then we discussed which tools we could use and we observed th trade offs about benefit and cost of them, then SOYHAN BEYAZIT discover the fancy way to how to setup the db. later of that ÖZTÜRK GÖKAL explain us the template via projector, thus all of us get the answers of our questions.</p>
			<div class="date"><span>25 mar 2013</span></div>
    </article>
    <article class="underline">
			<h2>&nbsp;</h2>
	  </article><article class="underline"></article>
    <article class="underline">
			<h2><a href="basic_markup.html">Post with title and date</a></h2>
			<div class="date"><span>20 mar 2012</span></div>
    </article>
	<div class="paginate">
		<ul>
			<li><span class="current">1</span></li>
			<li><a href="#2" class="inactive">2</a></li>
			<li><a href="#" class="inactive">3</a></li>
			<li><a href="#">&#62;</a></li>
			<li><a href="#">&raquo;</a></li>
		</ul>
	</div>
    </div>
    <footer>
    	<p>&copy; Edu N Era </p>
    </footer>
  </div>
 
<script src="js/jquery.min.js"></script>
<script type="text/javascript">
   window.addEventListener("load",function() {
	  // Set a timeout...
	  setTimeout(function(){
	    // Hide the address bar!
	    window.scrollTo(0, 1);
	  }, 0);
	});
   $('.search-box,.menu' ).hide();   
   $('.options li:first-child').click(function(){	
   		$(this).toggleClass('active'); 	
   		$('.search-box').toggle();        			
   		$('.menu').hide();  		
   		$('.options li:last-child').removeClass('active'); 
   });
   $('.options li:last-child').click(function(){
   		$(this).toggleClass('active');      			
   		$('.menu').toggle();  		
   		$('.search-box').hide(); 
   		$('.options li:first-child').removeClass('active'); 		
   });
   $('.content').click(function(){
   		$('.search-box,.menu' ).hide();   
   		$('.options li:last-child, .options li:first-child').removeClass('active');
   });
</script>
<!--
Author Details

	==============



	Author: Dogan Akcay

	Author URL: DoganAkcay.com



	Attribution( is must on every page, where this work is used. should be visible to naked eye and Search engine bot[ means should not use noindex, nofollow relations ]):



	// a healty attribution looks like following

	<a href="http://DoganAkcay.com" target="_blank">Design by DoganAkcay.com </a>


 -->
</body>
</html>
